<!DOCTYPE html>
<html lang="en">
<meta charset="utf-8">
<title>Choose the correct gradient repeat count even when there's a non-identity pattern matrix</title>

<style>

html {
  overflow: hidden;
}

div {
  width: 30px;
  height: 40px;
  background-image: repeating-linear-gradient(-36.8698976deg, blue, blue 5px, lime 5px, lime 10px);
}

</style>

<div></div>
